.page2 h1{
    /*初始状态在下，在右边缘出场*/
    transform: translateX(50%) rotate(90deg);
    transition: all 1s linear;
}
.page2 p{
    transform: translateX(-50%) rotate(-90deg);
    transition: all 1s linear;
    transition-delay: 500ms;

}
/* .page2.active 连着写，表示同一个元素*/
.page2.active h1,.page2.active p{
    transform: translate(0) rotate(0);
}
